<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>出差管理</title>
    <link rel="stylesheet" href="/lib/layui/css/layui.css">
    <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
    <script th:src="@{/js/jquery-3.6.0.js}"></script>
    <script th:src="@{/js/hr/wxw.js}"></script>
    <style>
        #wxw {
            width: 98%;
            margin: 16px auto;
        }

        td {
            /*font-weight: bold;*/
        }
        body{

        }
    </style>
</head>
<body onload="showChuChai(),shenPi()">

<table style="background-color: white ;height: 50px;margin: 12px auto;width: 98%">
    <tr>
        <td align="center" >
            <h2>[ 出差申请 ]</h2>
        </td>
    </tr>
</table>

<div id="wxw">
    <table class="layui-table">
        <tr align="right">
            <td>姓名：</td>
            <td><input type="text" class="layui-input" readonly th:value="${session.user.name}"></td>
            <td>部门：</td>
            <td><input type="text" class="layui-input" readonly th:value="${session.buMeng.departmentname}"></td>
        </tr>
        <tr align="right">
            <td>出差时间：</td>
            <td><input type="date" class="layui-input wxw-date3"></td>
            <td>结束时间：</td>
            <td><input type="date" class="layui-input wxw-date4"></td>
        </tr>
        <tr align="right">
            <td>出差地点：</td>
            <td><input type="text" class="layui-input chuCai"></td>
            <td>交通工具：</td>
            <td><select class="layui-input CCType">
                <option value="-1">请选择类型</option>
            </select></td>
        </tr>
        <tr align="right">
            <td>出差事由：</td>
            <td colspan="3"><textarea name="" required lay-verify="required" placeholder="请输入出差事由"
                                      class="layui-textarea shiYou2"></textarea></td>

        </tr>
        <tr align="right">
            <td>工作任务：</td>
            <td colspan="3"><textarea name="" required lay-verify="required" placeholder="请输入工作任务"
                                      class="layui-textarea renWu"></textarea></td>

        </tr>
        <tr align="right">
            <td align="right">申请金额：</td>
            <td align="right"><input type="text" class="layui-input jinE"></td>
            <td>下一步审批人：</td>
            <td><select class="layui-input shenpi">
                <option value="-1">请选择审批人</option>
            </select></td>
        </tr>
        <tr align="center">
            <td colspan="4">
                <input type="button" class="layui-btn layui-btn-sm" value="&nbsp;&nbsp;确&nbsp;定&nbsp;&nbsp;" onclick="saveChuChai()">
                &nbsp;&nbsp;
                <input type="button" class="layui-btn layui-btn-primary layui-btn-sm" value="&nbsp;&nbsp;取&nbsp;消&nbsp;&nbsp;" onclick="location.reload()">
            </td>
        </tr>
    </table>
</div>
</body>
<script>
    //抓取下拉框选中的值
    layui.use('form', function () {
        var form = layui.form;

        form.render();

    });

    //弹层设置
    layui.use("layer", function () {
        var layer = layui.layer;
    });


</script>
</html>